<!--
  ~ Copyright (C) 2020 The Android Open Source Project
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->
<!DOCTYPE html>
<html>
  <head>
    <script async src="main.js"></script>
    <meta name="color-scheme" content="dark light">
    <link rel="stylesheet" href="style.css">
  </head>
  <body onload="getData()">
    <label for="location">Choose a location:</label>
    <select name="location" id="location" onchange="getData()">
      <option id= "NYC" value="newYork">New York</option>
      <option id= "SF" value="sanFrancisco">San Francisco</option>
      <option id= "LDN" value="london">London</option>
    </select>
    <h1 id="title">Location</h1>
    <img alt="weather" class="icon" id="icon" src="https://raw.githubusercontent.com/views-widgets-samples/res/drawable/sunny.png" />
    <h2 class="currentTemp" id="currentTemp">Current Temp</h2>
    <h2 class="shortDescription" id="shortDescription">Short Description</h2>
    <p class="longDescription" id="longDescription">Long Description</p>
    <button class="button" onclick="sendAndroidMessage()" type="button" value="Send Message">Share</button>
  </body>
</html>